/* CSS Document */
BODY {
	color: #333333;
	font-size:11px;
	FONT-FAMILY: "Arial";
    SCROLLBAR-FACE-COLOR: #EFF7FF;
    SCROLLBAR-HIGHLIGHT-COLOR: #ADCAD2;
    SCROLLBAR-SHADOW-COLOR: #ADCAD2;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #5495D9;
    SCROLLBAR-TRACK-COLOR: #EAF2FF;
    SCROLLBAR-DARKSHADOW-COLOR:#005973;
    SCROLLBAR-BASE-COLOR: #ffffff;
}
.bodytop {
	font-size:11px;
	FONT-FAMILY:"Arial";
	MARGIN-TOP: 0px;
	MARGIN-LEFT:0px;
}
.bodyleft {
	font-size:11px;
	FONT-FAMILY:"Arial";
	MARGIN-TOP: 0px;
	MARGIN-LEFT:10px;
	SCROLLBAR-FACE-COLOR: White;
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
	SCROLLBAR-SHADOW-COLOR: #8CD2EE;
	SCROLLBAR-3DLIGHT-COLOR: #8CD2EE;
	SCROLLBAR-ARROW-COLOR: #165C74;
	SCROLLBAR-TRACK-COLOR: White;
	SCROLLBAR-DARKSHADOW-COLOR: #6292A7;
	SCROLLBAR-BASE-COLOR: White;
	color: #000000;
}
.body2 {
	margin-top:30px;
	margin-left: 30px;
}

a:link    {
    color: #217E00;
    font-size: 11px;
    FONT-FAMILY: "Arial";
    line-height: 20px
}
a:visited     {
    color: #217E00;
    font-size: 11px;
    FONT-FAMILY: "Arial";
    line-height: 20px}
a:active {
    color: #217E00;

	font-size: 11px;
	FONT-FAMILY: "Arial";
	line-height: 20px
}
a:hover       {
    color: #ff0000;
	font-size: 11px;
	FONT-FAMILY: "Arial";
	line-height: 20px
}
a.action:link    { color: #FFFFFF; text-decoration: none ; font-size: 12px;FONT-FAMILY: "Arial"; line-height: 20px}
a.action:visited     { color: #FFFFFF; text-decoration: none ; font-size: 12px;FONT-FAMILY:"Arial"; line-height: 20px}
a.action:active {  color: #FFFFFF,text-decoration: none ; font-size: 12px;FONT-FAMILY:"Arial"; line-height: 20px}
a.action:hover       { color: #FFFFFF; text-decoration: underline ; font-size: 12px; FONT-FAMILY: "Arial";line-height: 20px}
h4
{
	color: #06529D;
	font-size:16px;
	FONT-FAMILY:  Arial;
	FONT-WEIGHT: bold;
}
.head
{
	color: #05498D;
	font-size:13px;
	FONT-FAMILY:  Arial;
	FONT-WEIGHT: bold;
}
.text_mark{
    color: #06529D;
	font-size:11px;
	FONT-FAMILY: "Arial";
}
table{
        color: #333333;
	font-size:11px;
	FONT-FAMILY: "Arial";
}
.text_red{
	color: #ff0000;
	font-size:11px;
	FONT-FAMILY: "Arial";
}
.text_head{
	color: #06529D;
	font-size:12px;
	FONT-FAMILY:  Arial;
	FONT-WEIGHT: bold;
}
blockquote
{

}
ul
{
    color: #06529D;
	font-size:11px;
	FONT-FAMILY: "Arial";
}
li
{
    color: #333333;
	font-size:11px;
	FONT-FAMILY: "Arial";
}
.title
{
    color: #2351FE;
	font-weight: bold;
	font-size:13px;
}

.table_head{
	font-size:13px;
	FONT-FAMILY:  "Arial";
	background-image: url(../pub_images/css/table_head.gif);
	height:22px;
	margin: 2px;
	padding: 5px;
	font-weight: bold;
	color: 116FCD;

}
.ps
{
	font-size:11px;
	FONT-FAMILY:  Arial;
	color: #FF6633;
}
.table_border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFDFFF;
}
.table_border_1 {
	border: 1px solid #DBDBDB;
	padding: 12px;
}
th{
	color: #00699A;
	font-size:11px;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B1DAF2',endcolorstr='#ffffff',gradienttype=1);
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;

}
.td01{
	color: #00699A;
	font-size:11px;
	empty-cells:show;
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;
	text-align:center;

}
.td02{
	color: #00699A;
	font-size:11px;
	font-weight:800:
	empty-cells:show;
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;
	text-align:center;

}

.tdInteger{

	color: #00699A;
	font-size:11px;
	text-align:right;
	font-weight:800:
	empty-cells:show;
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;

}
.td_head {
	color: #00699A;
	font-size:11px;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B1DAF2',endcolorstr='#ffffff',gradienttype=1);
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;
}
.td_head1 {
	color: #00699A;
	font-size:11px;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B1DAF2',endcolorstr='#B1DAF2',gradienttype=1);
	FONT-FAMILY:  "Arial";
	text-align:center;
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;
}
.td_head_grid {
	color: #00699A;
	font-size:11px;
	background-color: #B1DAF2;
	/*FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B1DAF2',endcolorstr='#ffffff',gradienttype=1);*/
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;
}
.td_head_grid1 {
	color: #00699A;
	font-size:12px;
	background-color: #B1DAF2;
	/*FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B1DAF2',endcolorstr='#ffffff',gradienttype=1);*/
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
        vertical-align:middle;
	border-bottom-width: 1px;
        text-align:center;
	border-bottom-style: solid;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;



}

.td_head_1 {
	color: #984000;
	font-size:11px;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFE4C1',endcolorstr='#ffffff',gradienttype=1);
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F6D3C1;
	margin-top: 3px;

}
.td_head_2 {
	color: #A60F0A;
	font-size:11px;
	FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCD7D5',endcolorstr='#ffffff',gradienttype=1);
	FONT-FAMILY:  "Arial";
	padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFC3CE;
	margin-top: 3px;

}

.td_content {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFDFFF;
	margin-top: 3px;
	margin-bottom: 50px;
}
.td_content_1 {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F6D3C1;
	margin-top: 3px;
	margin-bottom: 50px;

}
.td_content_2 {
	padding: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFC3CE;
	margin-top: 3px;
	margin-bottom: 50px;

}
.td_content_over {
	background-color: #F4FDC8;
}
.td_highlight{
	background-color: #D7E8DB;
	font-size:11px;
	FONT-FAMILY:  "Arial";
	padding: 3px;
}

/* ===============orange start======================*/

.content_orange_grid
{
        color: #BB670D ;
        background-color: #FEF1E3;
        font-size:11px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
  	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7D5B1;
	margin-top: 3px;
}

.head_orange
{
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
	color:BB670D;
	font-family: "Arial", "Helvetica", "sans-serif";
	background-image: url(../pub_images/css/head02.gif);
	padding-left: 8px;
	height:22px;
	margin: 2px;
	padding: 5px;
	font-weight: bolder;
}
.content_orange
{
        color: #BB670D ;
        background-color: #FEF1E3;
        font-size:11px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
  	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7D5B1;
	margin-top: 3px;
}

.content_orange_white
{
        padding: 3px;
	color: #BB670D;
	background-color: #ffffff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F7D5B1;
	margin-top: 3px;
	margin-bottom: 50px;
}

/* ===============orange end=====================*/

/* ===============purple start=====================*/

.content_purple_grid
{
	color: #731C72;
	background-color: #FBF0FE;
	font-size:11px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
  	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2A7FD;
	margin-top: 3px;
}

.head_purple
{
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
	color:731C72;
	font-family: "Arial", "Helvetica", "sans-serif";
	background-image: url(../pub_images/css/head03.gif);
	padding-left: 8px;
	height:22px;
	margin: 2px;
	padding: 5px;
	font-weight: bolder;
}

.content_purple
{
	color: #731C72;
	background-color: #FBF0FE;
	font-size:11px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
  	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2A7FD;
	margin-top: 3px;
}

.content_purple_white
{
        padding: 3px;
	color: #731C72;
	background-color: #ffffff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E2A7FD;
	margin-top: 3px;
	margin-bottom: 50px;
}
/* ===============purple end=====================*/

/* ===============green start=====================*/

.content_green_grid
{
        color: #0F3900 ;
        background-color: #ECF4E5;
        font-size:11px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
  	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4EB92;
	margin-top: 3px;
}

.head_green
{
	font-size: 13px;
	line-height: 20px;
	text-decoration: none;
	color:0F3900;
	font-family: "Arial", "Helvetica", "sans-serif";
	background-image: url(../pub_images/css/head04.gif);
	padding-left: 8px;
	height:22px;
	margin: 2px;
	padding: 5px;
	font-weight: bolder;
}

.content_green
{
        color: #0F3900 ;
        background-color: #ECF4E5;
        font-size:11px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 3px;
	letter-spacing: 0.4px;
	word-spacing: 0.4px;
  	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4EB92;
	margin-top: 3px;
}

.content_green_white
{
	padding: 3px;
	color: #0F3900;
	background-color: #ffffff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4EB92;
	margin-top: 3px;
	margin-bottom: 50px;
}
/* ===============green end=====================*/

/*�@���s��*/
.button {
	BORDER-TOP: 1px solid #666666;
	BORDER-LEFT: 1px solid #666666;
	BORDER-RIGHT: 1px solid #999999;
	BORDER-BOTTOM: 1px solid #999999;
	FONT: 8pt "Arial";
	COLOR: #333333;
	HEIGHT: 22px;
	cursor : hand;
}
.b_normal{
       border: 1px solid;
	background-image: url(../pub_images/css/button.gif);
	padding: 3px;
}
.b_raise{
        border: 1px outset;
	background-image: url(../pub_images/css/button.gif);
	padding: 3px;
}
.b_lower{
        border: 1px inset;
	background-image: url(../pub_images/css/button.gif);
	padding: 3px;
}

/*�ϧΫ�s��*/

.b_up {
    padding: 2px 0px 0px 13px;
    background-image: url(../pub_images/css/button_up.gif);
}
.b_down {
    background-image: url(../pub_images/css/button_down.gif);
    padding: 2px 0px 0px 12px;
}
.b_default {
    background-image: url(../pub_images/css/button_default.gif);
    padding: 2px 0px 0px 9px;
}

.checkbox {

}
.radio {

}
.input {
	BORDER-TOP: 1px solid #E0E0E0;
	BORDER-LEFT: 1px solid #E0E0E0;
	BORDER-RIGHT: 1px solid #E0E0E0;
	BORDER-BOTTOM: 1px solid #E0E0E0;
	FONT: 8pt "Arial";
	BACKGROUND-COLOR: #ffffff;
	color: #333333;
	HEIGHT: 20px;
	padding: 3px;
}
.input_onfocus {
	BORDER-TOP: 1px solid #666666;
	BORDER-LEFT: 1px solid #666666;
	BORDER-RIGHT: 1px solid #999999;
	BORDER-BOTTOM: 1px solid #999999;
	FONT: 8pt "Arial";
	BACKGROUND-COLOR: #ffffff;
	color: #333333;
	background-image: url(../pub_images/css/input.gif);
	HEIGHT: 20px;
	padding: 3px;
}
.input_lock {
	BORDER-TOP: 1px solid #B2B2B2;
	BORDER-LEFT: 1px solid #B2B2B2;
	BORDER-RIGHT: 1px solid #cccccc;
	BORDER-BOTTOM: 1px solid #cccccc;
	FONT: 8pt "Arial";
	BACKGROUND-COLOR: #ffffff;
	color: #333333;
	HEIGHT: 20px;
	padding: 3px;
	background-image: url(../pub_images/css/input_lock.gif);
}
.input_window{
	BORDER-TOP: 1px solid #B2B2B2;
	BORDER-LEFT: 1px solid #B2B2B2;
	BORDER-RIGHT: 1px solid #cccccc;
	BORDER-BOTTOM: 1px solid #cccccc;
	FONT: 8pt "Arial", "Helvetica", "sans-serif";
	BACKGROUND-COLOR: EAF2FF;
	HEIGHT: 20px;
	color: #333333;
	background-image: url(../pub_images/css/input_w.gif);
	padding: 3px;
}


.input_w_onfocus{
	BORDER-TOP: 1px solid #666666;
	BORDER-LEFT: 1px solid #666666;
	BORDER-RIGHT: 1px solid #999999;
	BORDER-BOTTOM: 1px solid #999999;
	FONT: 8pt "Arial", "Helvetica", "sans-serif";
	BACKGROUND-COLOR: EAF2FF;
	HEIGHT: 20px;
	color: #333333;
	background-image: url(../pub_images/css/input_w_over.gif);
	padding: 3px;
}
.input_a {
	color:#217E00;
	text-decoration: underline;
}
.input_a_over {
	color:#FF0000;
	text-decoration: underline;
}
.input_a_head {
	BORDER-TOP: 1px solid #F5F5F5;
    BORDER-LEFT: 1px solid #F5F5F5;
    BORDER-RIGHT: 1px solid #F5F5F5;
    BORDER-BOTTOM: 1px solid #F5F5F5;
	FONT: 8pt "Arial";
	BACKGROUND-COLOR: #F5F5F5;
	color: #990033;
	HEIGHT: 20px;
	padding: 3px ;
	text-decoration: underline;
}
/*.input_ps {
	BACKGROUND-COLOR: #FEFFE0;
}*/

.input_noborder {
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
    FONT: 8pt "Arial";
    BACKGROUND-COLOR:transparent;
    color: #333333;
	padding: 0px;
    HEIGHT: 14px
}
.select{
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
	FONT: 8pt "Arial", "Helvetica", "sans-serif";
	BACKGROUND-COLOR: ffffff;
	HEIGHT: 20px;
	color: #333333;
	padding: 3px;
}
textarea
{
	FONT: 8pt "Arial";
	BACKGROUND-COLOR: #ffffff;
	color: #333333;
	/* HEIGHT: 75px; */
	padding: 3px;
}
.textarea_noborder {
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-BOTTOM: 0px;
    /*BACKGROUND-COLOR: #fffff;*/
}
.textarea {
	BORDER-TOP: 1px solid #E0E0E0;
	BORDER-LEFT: 1px solid #E0E0E0;
	BORDER-RIGHT: 1px solid #E0E0E0;
	BORDER-BOTTOM: 1px solid #E0E0E0;
}

.textarea_onfocus {
	BORDER-TOP: 1px solid #666666;
	BORDER-LEFT: 1px solid #666666;
	BORDER-RIGHT: 1px solid #999999;
	BORDER-BOTTOM: 1px solid #999999;
	background-image: url(../pub_images/css/input.gif);

}
.textarea_lock {
	BORDER-TOP: 1px solid #666666;
	BORDER-LEFT: 1px solid #666666;
	BORDER-RIGHT: 1px solid #999999;
	BORDER-BOTTOM: 1px solid #999999;
	background-image: url(../pub_images/css/input_lock.gif);
}

.hand
{
	cursor : hand;
}
hr {
	color: #3575BE;
	height: 2px;
	filter:alpha(opacity=10,finishopacity=100,style=1,startX=100,startY=100,finishX=0,finishY=0);
}
.num {
	text-align: right;
}
.small
{
	font-size:8px;
	color:#06529D
}

/* richtextedit�ϥΤ�css */

.rteBack_0 {
        FILTER: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B1DAF2',endcolorstr='#ffffff',gradienttype=1);
	letter-spacing: 0;
	padding: 1px;
}
.rteBack_1 {
        background: #ECF4E5;
	letter-spacing: 0;
	padding: 1px;
}
.rteBack_2 {
        background: #FEF1E3;
	letter-spacing: 0;
	padding: 1px;
}
.rteBack_3 {
        background: #FBF0FE;
	letter-spacing: 0;
	padding:1px;
}

.rteBack tbody tr td, .rteBack tr td {
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
}

